<% include ./public/header.ejs %>
    <link rel="stylesheet" href="/css/album.css">
    <div class="container">
        <div class="weather"><iframe width="200" scrolling="no" height="55" frameborder="0" allowtransparency="true"
                src="http://i.tianqi.com/index.php?c=code&id=35&icon=1&num=3"></iframe></div>
        <!-- <div class="upload">
            <input type="button" class="btn btn-sm add btn-info pull-right" value="添加图片"
                style="display: block;margin-top: 26px;" />
            <div id="upload">
                <form id="form" style="width:100%;" method="post" action="/up" enctype="multipart/form-data">
                    <input type="hidden" name="wenjianjia" value="<%=albumname%>" />
                    <div class="form-group">
                        <input type="file" style="display: none" class="form-control" accept="image/jpeg" id="image"
                            name="tupian">
                        <div class="input-append">
                            <input id="showname" class="input-large" type="text" disabled style="height:30px;width:50%">
                            <a class="btn btn-primary btn-sm" onclick="makeThisfile()" id="browse">选择文件</a>
                            <button type="submit" id="submit" class="btn btn-info btn-sm">上传</button>
                        </div>
                    </div>
                </form>
            </div>
        </div> -->
        <div class="upload">
            <button type="button" id="openModal" class="btn btn-primary pull-right" data-toggle="modal" data-target="#upLoadFile"
                data-whatever="@mdo">上传图片</button>
            <div class="modal fade" id="upLoadFile" tabindex="-1" role="dialog" aria-labelledby="upLoadFileLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="upLoadFileLabel">上传图片</h4>
                        </div>
                        <form action="/up" method="post" enctype="multipart/form-data">
                            <div class="modal-body">
                                <input type="hidden" name="wenjianjia" value="<%=albumname%>" />
                                <div class="form-group">
                                    <label for="" class="control-label">文件路径：</label>
                                    <input id="showname" class="input-large" type="text" disabled />
                                    <input type="file" style="display: none" class="form-control" accept="image/jpeg"
                                        id="image" name="tupian">
                                        <a class="btn btn-primary btn-sm" onclick="makeThisfile()" id="browse">选择文件</a>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关 闭</button>
                                <button type="submit" id="submit" class="btn btn-primary">提 交</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <ol class="breadcrumb navbar-inverse">
            <li><a href="/">全部相册</a></li>
            <li class="active">
                <%=albumname%>
            </li>
        </ol>
        <div class="row" id="box">
            <% for(var i=0 ; i < images.length ; i++){ %>
                <div class="col-xs-6 col-md-3" id="images">
                    <a href="#" title="<%=images[i]%>" class="thumbnail">
                        <img src="<%=images[i]%>" alt="...">
                    </a>
                    <h4> </h4>
                </div>
                <%}%>
        </div>
        <div id="imgbox">
            <div class="showimg"><img src="" width="60%"></div>
            <div class="close" id="close"><i class="glyphicon glyphicon-remove-circle"></i></div>
        </div>
        <div id="menu">
            <div class="createdir menu">下载</div>
<!--            <div class="createdir menu">添加图片</div>-->
<!--            <div class="createdir menu">重命名</div>-->
<!--            <div class="createdir menu">删除图片</div>-->
        </div>
    </div>
    <script src="/js/jquery-1.11.3.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/album.js"></script>
    </body>

    </html>
